<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="css/swiper.min.js"></script>
	</head>
	<body>
		<div id="web">
			<!--头部-->
				<header>
					<div class="top"></div>
					<nav class="clearfix">
						<div class="fl logo">
							<img src="img/header_logo.png"/>
						</div>
						
						<ul class="header_navbar fl">
							<li class="active "><a href="">首页</a></li>
							<li><a href="">关于鼎搜</a></li>
							<li><a href="">鼎搜服务</a></li>
							<li><a href="">鼎搜动态</a></li>
							<li><a href="">鼎搜诚聘</a></li>
							<li><a href="">鼎搜公益</a></li>
						</ul>
						
						<div class="header_search fl">
							<form action="" method="post">
								<input type="text" name="" id="" value="" />
								<input type="image" value="" src="img/suosou_logo.png"/>
							</form>
						</div>
					</nav>
				</header>
				
				<!--导航-->
			<div class="dao_hang">
				<ul>
					<li class="fl"><a href="index.html">首页</a></li>
					<li class="fl"><a href="详细页面.html">详细页面</a></li>
					<li class="fl"><a href="列表页面.html">列表页面</a></li>
					<li class="fl"><a href="登录页面.html">登录页面</a></li>
					<li class="fl"><a href="注册页面.html">注册页面</a></li>
				</ul>
			</div>
			
				<!--轮播图-->
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				    
				</div>
				
				<!--转让-->
				<div class="zr_h clearfix">
						<div class="hx fl"></div>
						<div class="bt_h fl">
							<h5>我要转让</h5>
							<h6>WO YAO ZHUAN RANG</h6>
						</div>
						<div class="hx fr"></div>
				</div>
				
				<!--登录部分-->
				<div class="login">
					<div class="login_1 clearfix">
						<div class="left fl">
							<form action="" method="post">
							<div class="an_niu">
								
									<input type="button" id="" value="点击登录" />
									<input type="button" id="" value="点击注册" />	
							</div>
							<div class="login_main">
								<div class="login_an">
									用户名：<input type="text" id="" value="" /><br />
									密&nbsp;&nbsp;码： &nbsp;<input type="password" id="" value="" />
								</div>
								
								
								验证码：<input type="text" id="" value="" />
								<img src="img/yan_zheng_ma.jpg" style="vertical-align: middle;"/>
								<a href="">看不清？</a><a href="">点击更换</a>
								
								<div id="select">
								有效期：<input type="radio" style="width: 12px;vertical-align: middle;"" id="一个月" />一个月
								<input type="radio" style="width: 12px; vertical-align: middle;" id="一周"/>一周
								<input type="radio" style="width: 12px;vertical-align: middle;"" id="一天"/>一天
								<input type="radio" style="width: 12px;vertical-align: middle;"" id="即时"/>即时
								</div>
							</div>
							<div class="login_bottom">
								<input type="button" id="" value="登录" /><a href="">忘记密码？</a>
							</div>
							</form>
						</div>
						
						<div class="right fr">
							<img src="img/jianjie_img3.jpg" width="381px"/>
						</div>
					</div>
				</div>
			
			
			
			
			
						<!--底部-->
			<footer>
				<div class="di_bian"></div>
				<div class="foot">
					<div class="foot_nav">
						<ul>
							<li class="fl li_1">
								<h4>简介</h4>
								<p><a href="">鼎搜网简介</a></p>
								<p><a href="">鼎搜服务</a></p>
								<p><a href="">会员身份实名认证</a></p>
							</li>
							<li class="fl li_2">
								<h4>帮助</h4>
								<p><a href="">用户注册</a></p>
								<p><a href="">关于鼎搜</a></p>
								<p><a href="">在线咨询</a></p>
							</li>
							<li class="fl li_3">
								<h4>共赢</h4>
								<p><a href="">网站合作</a></p>
								<p><a href="">用户协议</a></p>
								<p><a href="">会员身份实名认证</a></p>
							</li>
							<li class="fl li_4">
								<h4>导航</h4>
								<p><a href="">地图首页</a></p>
								<p><a href="">职能分类</a></p>
								<p><a href="">企业名录</a></p>
							</li>
							<li class="fl">
								<div class="tel">
									<div class="fl TEL">
										<img  src="img/tel_logo.jpg" />
									</div>
									
									<div class="re_xian fl">
										<h5 class="hh5">全国服务热线</h5>
										<h5 class="hh5">440-880-1779</h5>
										<h6>邮箱:dinsoo@163.com</h6>
									</div>
									<div class="week fr ">
										<h6>投诉电话：4408801779</h6>
										<h6>周一至周六：9:20-20:00</h6>
										<img class="fr"  src="img/weibo_logo.jpg"/>
									</div>
									
								</div>
								<div class="er_wei_ma fl">
									<img  src="img/er_wei_ma.jpg"/>
								</div>
								<div class="xinxi">
									<h5 style="color: #818181;">订阅信息</h5>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot_bg">
					<p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
				</div>
			</footer>
		</div>
	</body>
	<style>
		.swiper-container{
			width: 100%;
			height: 400px;
		}
		.swiper-slide{
			text-align: center;
			line-height: 500px;
		}
	</style>
	<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction : "horizontal",
				pagination : ".swiper-pagination",
				prevButton : ".swiper-button-prev",
				nextButton : ".swiper-button-next",
				autoplay:2000
			});
			
		</script>
</html>
